<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>time-n-quotes</title>
  <link rel="stylesheet" href="./css/styles.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:ital,wght@0,200;0,400;0,500;1,300;1,500&display=swap" rel="stylesheet">

</head>
<body>
  <main>
    <section class="main">
      <div class="logo-block">
        <svg width="200" height="90" viewBox="0 0 200 90"  xmlns="http://www.w3.org/2000/svg">
          <path fill="currentColor" d="M0 48.5L45.3686 49.4501L35 0L49.9038 49.5451L191 52.5L51.452 54.6919L53.5 61.5L48 62L46.484 54.7699L0 55.5V48.5Z"/>
          <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M81.8193 56C80.0693 72.8567 65.8193 86 48.5 86C32.2227 86 18.6562 74.3905 15.6299 59H11.5615C14.6387 76.6125 30.0059 90 48.5 90C68.0303 90 84.0742 75.0697 85.8389 56H81.8193ZM85.8389 49C84.0742 29.9303 68.0303 15 48.5 15C29.6572 15 14.0615 28.8967 11.4004 47H15.4492C18.0732 31.1151 31.8721 19 48.5 19C65.8193 19 80.0693 32.1433 81.8193 49H85.8389Z"/>
          <circle cx="196.5" cy="51.5" r="3.5" fill="#FA0404"/>
        </svg>
        <h1>Время сквозь цитаты</h1>
      </div>
      <div class="quote-block">
        <div class="quote-block--item">
            <span class="current-time">Двеннадцать часов ночи</span>,  и все спокойно! – таков девиз Ночной Стражи Анк-Морпорка,
            самого славного городана всем Плоском мире. А если «не все» спокойно, значит, вы просто ходите не по тем улицам. 
        </div>
        <div class="quote-block--author">
          Терри Пратчетт
        </div>
        <div class="quote-block--source">
          «Стража! Стража!»
        </div>
      </div>
      <div class="toggle-theme"></div>
    </section>
  </main>

  <script src="./js/script.js" type="module" async></script>


</body>
</html>